<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport"
          content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>error</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" />
    <style>
    .container>div{
        margin:25% 0;
    }
    .container>div p{
      font-size:20px;
      margin:30px 0;
    }
    .container>div a{
      width:103px;
      background-color:rgba(39, 54, 78, 1);
      margin-top:2.55rem;
    }
    </style>
</head>

<body>
<div class="container">
    <div>
        <img src="../static/image/error.jpg" th:src="@{/image/error.jpg}" class="img-responsive  center-block"/>
        <p class="text-center" >Sorry！您访问的网页去寻找诗和远方了！</p>
        <a class="toIndex btn btn-primary btn-lg active center-block" role="button">返回首页</a>
    </div>

</div>

<script src="../static/js/jquery-3.4.1.min.js" th:src="@{js/jquery-3.4.1.min.js}"></script>
<script src="../static/js/common.js"  th:src="@{js/common.js}"></script>
<script src="../static/js/bootstrap.min.js"  th:src="@{js/bootstrap.min.js}"></script>
<script type="text/javascript">

    $('.toIndex').click(function(){
        window.location.href="/index";
    })


</script>
</body>

</html>
